<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
</head>
<body>
    <div th:fragment="menu(n)">
        <!--导航-->
        <nav class="ui inverted attached segment m-padded-tb-mini m-shadow-small" >
            <div class="ui container">
                <div class="ui inverted secondary stackable menu">
                    <h2 class="ui teal header item">薄哥鸭</h2>
                    <a href="/" class="m-item item m-mobile-hide" th:classappend="${n==1} ? 'active'"><i class="home icon"></i>首页</a>
                    <a href="/types" class="m-item item m-mobile-hide" th:classappend="${n==2} ? 'active'"><i class="idea icon"></i>分类</a>
                    <a href="/tags" class="m-item item m-mobile-hide" th:classappend="${n==3} ? 'active'"><i class="tags icon"></i>标签</a>
                    <a href="/archives" class="m-item item m-mobile-hide" th:classappend="${n==4} ? 'active'"><i class="clone icon"></i>归档</a>
                    <a href="/about" class="m-item item m-mobile-hide" th:classappend="${n==5} ? 'active'"><i class="info icon"></i>关于我</a>
                    <div class="right m-item item m-mobile-hide">
                        <form name="search" action="/find">
                            <div class="ui icon inverted transparent input m-margin-tb-tiny">
                                <input type="text" placeholder="Search...." name="find">
                                <i onclick="document.forms['search'].submit()" class="search link icon" ></i>
                            </div>
                        </form>

                    </div>
                </div>
            </div>
            <a href="#" class="ui menu toggle black icon button m-right-top m-mobile-show">
                <i class="sidebar icon"></i>
            </a>
        </nav>
    </div>
</body>
</html>